// 自定义样式层叠
body {
    margin: 0;
}

.text{
    font-size: 32px;
    text-align: center;
}

// 表格文字
.over-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 6px;
}

// 主颜色按钮
.primary-bt {
    min-width: 80px;
    border: 1px solid rgb(230, 230, 230);
    padding: 6px 10px;
    border-radius: 5px;
    color: rgb(99, 98, 98);
    font-size: 14px;
    cursor: pointer;
    margin-inline: 6px;

    &:hover {
        border: 1px solid rgb(200, 200, 200);
        color: rgb(51, 51, 51);
    }
}

// 主颜色按钮
.info-bt {
    min-width: 80px;
    border: 1px solid rgb(64, 158, 255);
    background-color: rgb(64, 158, 255);
    padding: 6px 10px;
    border-radius: 5px;
    color: rgb(250, 250, 250);
    font-size: 14px;
    cursor: pointer;
    margin-inline: 6px;

    &:hover {
        border: 1px solid rgb(58, 153, 247);
        background-color: rgb(58, 153, 247);
    }
}

// 头像上传样式
.user-avatar {
    position: relative;

    img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: rgba(98, 180, 11, 0.1);
    }

    .avatar-uploader {
        position: absolute;
        bottom: 10px;
        left: 40px;
        z-index: 10;
        background-color: rgb(255, 255, 255);
        padding: 4px;
        border-radius: 50%;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

        i {
            &:hover {
                font-weight: bold;
            }
        }
    }
}

[class^="icon-r-"]::before,
[class*=" icon-r-"]::before {
    content: "" !important;
    display: none !important;
}